<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>

import { L2Dwidget } from "live2d-widget";

export default {
  name: "App",

  metaInfo() {
    return {
      title:
        this.$store.state.settings.dynamicTitle &&
        this.$store.state.settings.title,
      titleTemplate: (title) => {
        return title
          ? `${title} - ${process.env.VUE_APP_TITLE}`
          : process.env.VUE_APP_TITLE;
      },
    };
  },

  created() {
    setTimeout(function () {
      L2Dwidget.init({
        tagMode: false, //标签模式, 是否仅替换 live2d tag标签而非插入到所有页面中
        debug: false, //调试, 是否在控制台输出日志
        name: {
          canvas: "MId", //自定义cavas标签的id（可不需要）
        },
        model: {
          jsonPath: this.kbnLink, //主文件路径
          scale: 1, //模型与canvas的缩放
        },
        display: {
          superSample: 2, // 超采样等级
          position: "left", //显示位置：左或右
          width: 200, // canvas的长度
          height: 300, //canvas的高度
          hOffset: -20, //canvas水平偏移
          vOffset: -40, //canvas垂直偏移
        },
        react: {
          //透明度条件
          opacityDefault: 1, //默认透明度
          opacityOnHover: 0.5, //鼠标移上透明度
        },
        dev: {
          border: false, //在canvas周围显示边界
        },
        mobile: {
          show: true, //是否在移动设备上显示
          scale: 0.5, //移动设备上的缩放
          motion: true, // 移动设备是否开启重力感应
        },
        log: false,
        dialog: {
          enable: false, //显示人物对话框
          hitokoto: false, //使用一言API
        },
      });
    }, 1000);
  },
};
</script>
